﻿<style type="text/css">
    /*资产列表*/
    .assets-fh{left: 7px;position: absolute;}
    .assets-fh i{font-size: 20px;}
    .assets-mid{padding-top: 20px;padding-bottom: 20px;height: 100px;background:#0076ff; }
    .assets-mid p{margin-top:10px;}
    .assets-mid .mid-a{margin-left: 20px;}
    .assets-mid .mid-a,.assets-mid{color: #cccccc}
    .assets-mid .mid-b{font-size: 40px;color:white;display: inline-block;margin-left: 20px;}
    .assets-mid .mid-c{color:white;margin-left: 20px;font-size: 14px}
    .assets-list ul li{border-bottom: 1px solid #f2f2f2;overflow: hidden;margin-left: 15px;margin-right: 15px;padding-top: 15px;padding-bottom: 15px;}
    .list-left{float: left;}
    .left_cont{margin-top: 5px;}
    .left_cont img {display: inline-block; height: 35px; vertical-align: middle;} 
    .left_cont p {display: inline-block; color: #2e3b43; font-weight: 700; font-size: 16px; position: relative; top: 3px; margin-left: 8px; }
    .list-right{float: right;text-align: right;}
    .list-right p:nth-of-type(1) {color: #2e3b43; font-size: 16px; font-weight: 600; margin-bottom: 5px; word-break: break-all;} 
    .list-right p:nth-of-type(2) {font-size: 15px; margin-bottom: 0px; color: #8f8f94; } 
    span{color: white;font-weight: 500;font-size: 18px;margin-left: 10px}
    .fd{height: 50px;border-bottom: 1px solid #f2f2f2;display: flex;align-items: center}
    .fd2 img{width: 30px}
    .img1{width: 22px;}
    input{border:none;height: 22px;color: #cccccc;margin-left: 5px}
    .fd1{margin: 0 20px}
    .fd2{float: right;color: #666666;}
    .lisfd{margin-top: 10px;display: inline-block;margin-right: 5px}
    .img2{width: 15px;height: 20px;margin-top: 10px}
    .top1{position: absolute;left: 0;top: 0;height: 40px;background:#0076ff;width: 100%;display: flex;align-items: center;justify-content:space-between }
    .ft{float: left;display: flex;align-items: center;color: white;font-size: 17px;margin-left: 20px}
    .rt{float: right;color: white;font-size: 17px;margin-right: 20px}
    .zhezhao{position: fixed;background: rgba(0, 0, 0, 0.3);left: 0;top: 0;right: 0;bottom: 0;z-index: 9999}
    .zhezhao1{position: absolute;bottom: 0;left: 0;width: 100%;}
    .zd{width: 100%;line-height: 70px;text-align: center;background: white;color:#0076ff;font-size: 30px;border-bottom: 1px solid #cccccc }
    .zd1{width: 100%;line-height: 70px;text-align: center;background: white;color:#0076ff;font-size: 30px}
</style>
<div class="assets-mid">
    <div class="mid-a">总资产约合</div>
    <div class="mid-b" v-text="bag.asset_total">-</div><span>BTC</span>
    <p class="mid-c">≈ 0 CNY</p>
</div>
<div class="fd">
    <div class="fd1"><img src="../../Images/Icons/fdj.png" class="img1"><input class="" value="搜索" onfocus='if(this.value=="搜索"){this.value="";};' onblur='if(this.value==""){this.value="搜索";};'></div>
    <div class="fd2">隐藏未持有币种 <img src="../../Images/Icons/huadonglr.png"></div>
</div>
<div class="assets-list">
    <ul>
        <li v-for="account in bag.basis.info.accounts" v-on:click="detail(account.type)">
            <div class="list-left">
                <div class="left_cont">
                    <img :src="'/Images/Icons/coin_'+account.code+'.png'">
                    <p v-text="account.code">-</p>
                </div>
            </div>
            <div class="list-right">
                <b><div class="lisfd" v-text="account.money">-</div></b>
                <img src="../../Images/img/youhui.png" class="img2">
            </div>
        </li>
    </ul>
</div>
<div style="height:60px;"></div>
<div class="top1">
<div class="ft"><img src="../../Images/img/jiantou.png" width="15px" height="20px"> &nbsp; 我的资产</div>
<div class="rt" @click="shoW">账单</div>
</div>
<div class="zhezhao" v-show="isShow">
    <div class="zhezhao1">
        <div class="zd">账单明细</div>
        <div class="zd">红包记录</div>
        <div class="zd1">担保转账记录</div>
    </div>
</div>
<script type="text/javascript">
    var pagedata = {
        request: {
            method: "VIEW_USER_ASSET"
        },
        screen: {
            header_display: false,
            header_title_name: "总资产",
            header_exit_name: "返回",
            header_exit_click: function ()
            {
                mview.view.load('/views/user/main.html')
            },
            footer_display: true,
            footer_choose: "user"
        },
        data: {
            isShow:false
        },
        methods: {
            detail: function (id) {
                mview.view.load('/views/User/assetdetail.html', {
                    id: id
                });
            },
            exit: function () {
                mview.exit();
            },
            shoW:function(){
                this.isShow=!this.isShow;
            }
        }
    }
    mview.view.chlid.init(pagedata);
</script>